<template>
	<view class="home-floor-content">
		<view class="home-floor">
			<FloorItem v-for="item in flooeListleft" :floorItem="item" ></FloorItem>
		</view>
	
		<view class="home-floor">
			<FloorItem v-for="item in flooeListright" :floorItem="item" ></FloorItem>
		</view>
	</view>
</template>
<script>
	import FloorItem from './floor-item.vue'
		
	export default {
		props:{
			flooeListleft:{
				type:Array,
				default:()=>[]
			},
			flooeListright:{
				type:Array,
				default:()=>[]
			}
		},
		components:{FloorItem},
		methods: {
			
		}
	}
</script>

<style lang="less" scoped>
	.home-floor-content {
		height: 100%;
		
		//  内容容器
		.home-floor {
			height: 100%;
			width: 50%;
			display: flex;
			flex-wrap: wrap;
			// justify-content: center;
			// // align-items: ;
			// align-content: stretch;
			float: left;
			background-color: #fbf9ec;
			
		}
	}
</style>